<template>
  <van-dropdown-menu
    active-color="#1c8cd7"
    duration="0.25"
    @change="changeActive"
  >
    <van-dropdown-item
      v-model="active"
      :options="option"
      @change="changeActive"
    />
  </van-dropdown-menu>
</template>

<script>
export default {
  methods: {
    // 激活变化
    changeActive(active) {
      this.active = active;
      this.$emit("changeActive", active);
    },
  },
  data() {
    const option = [
      { text: "全部", value: 0 },
      { text: "mv", value: 1 },
      { text: "视频", value: 2 },
    ];
    return {
      active: 0,
      option,
    };
  },
  name: "SingerMvNavBar",
};
</script>

<style lang="less" scoped>
nav {
  width: 100%;
  height: 30px;
  background-color: #fff;
  margin: 20px 0;
}
</style>
